<extend name="Public/base" />

<block name="body">
	<!-- 标题栏 -->
	<div class="main-title">
		<h2>商品分类管理</h2>
	</div>
	<div class="cf">
		<div class="fl">
        <a class="btn" href="{:U('increase')}">新 增</a>
        <button class="btn ajax-post" url="{:U('setStatus',array('status'=>1))}" target-form="ids">启 用</button>
        <button class="btn ajax-post" url="{:U('setStatus',array('status'=>0))}" target-form="ids">禁 用</button>
        <!-- <button class="btn ajax-post confirm" url="{:U('setStatus',array('status'=>-1))}" target-form="ids">删 除</button> -->
    </div>

        <!-- 高级搜索 -->
		<div class="search-form fr cf">
			<div class="sleft">
				<input type="text" name="name" class="search-input" value="{:I('name')}" placeholder="请输入分类名称或者ID">
				<a class="sch-btn" href="javascript:;" id="search" url="{:U('index')}"><i class="btn-search"></i></a>
			</div>
		</div>
    </div>
    <!-- 数据列表 -->
    <div class="data-table table-striped">
	<table  class="">
    <thead>
        <tr>
        		<th class="row-selected row-selected"><input class="check-all" type="checkbox"/></th>
        		<th class="">ID</th>
        		<th class="">父ID</th>
        		<th class="">分类名称</th>
        		<th class="">分类路径</th>
        		<th class="">状态</th>
        		<th class="">添加时间</th>
        		<th class="">操作</th>
    		</tr>
    </thead>
    <tbody>

		<notempty name="list">
		<!-- 遍历开始 -->
		<foreach name="list" item="val">
		<tr class="trr">
      <td><input class="ids" type="checkbox" name="ids[]" value="{$val.id}" /></td>
			<td>{$val.id}</td>
			<td>{$val.pid}</td>
			<td haha="haha">{$val.name}</td>
			<td>{$val.path}</td>
			<td sta='sta'>{$val.status}</td>
			<td>{$val.addtime}</td>
			<td>
				<!-- <eq name="vo.status" value="1">
				<a href="{:U('User/changeStatus?method=forbidUser&id='.$vo['uid'])}" class="ajax-get">禁用</a>
				<else/> -->

				<!-- 添加子分类 -->
				<a index='dis' href='{:U("Classify/increase",array("id"=>$val["id"] , "name"=>$val["name"]))}'>添加子分类</a>
				<!-- <button></button> -->
				<!-- </eq> -->
				<eq name="val.status" value="禁用">
                <a class='use' href="#" >启用</a>
                <else />
                <a class='use' href="#" >禁用</a>
                </eq>
                <a class='modify' href='{:U("Classify/modify",array("id"=>$val["id"] , "name"=>$val["name"]))}' >修改名称</a>
				
            </td>
		</tr>
		</foreach>
		<!-- 遍历结束 -->

		<else/>
		<td colspan="9" class="text-center"> aOh! 暂时还没有内容! </td>
		</notempty>
	</tbody>
    </table>
	</div>
    <div class="page">
        {$_page}
    </div>
</block>

<block name="script">
	<script src="__STATIC__/thinkbox/jquery.thinkbox.js"></script>

	<script type="text/javascript">
	//搜索功能
	$("#search").click(function(){
		var url = $(this).attr('url');
        var query  = $('.search-form').find('input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
		window.location.href = url;
	});
	//回车搜索
	$(".search-input").keyup(function(e){
		if(e.keyCode === 13){
			$("#search").click();
			return false;
		}
	});
    //导航高亮
    highlight_subnav('{:U('Classify/index')}');
	</script>

	<script>

		// 删除超过第三级的添加子分类按钮
		$('.trr td[haha=haha]').each(function(i){
			var str = $(this).html();
			var arr = str.split('|--').length;
			if (arr >= 3 ){
				$(this).next().next().next().next().find('a[index]').html('不能添加类').attr('href' , '').css({'color' : 'pink' }).attr('disabled' , 'disabled');

			}

		});


		// 设置右边的状态按钮
		// $('#trr td[sta=sta]').each(function(i){
		// 	console.log(333);
			// var str = $(this).html();
			// // alert($(this).next().next().children().eq(1).html(''));
			// if (str == '禁用') {
			// 	$(this).next().next().children().eq(1).html('启用');
			// }else{
			// 	$(this).next().next().children().eq(1).html('禁用');
			// }
		// });



		$('.use').click(function()
		{
			// 获取当前状态
			var staname = $(this).parent().prev().prev().html();

			// ajax修改状态
			var id = $(this).parent().parent().children().eq(1).html();
			var status = $(this).parent().parent().children().eq(5).html();

			$.get("{:U('Classify/status')}" , {id : id , status : status} , function(data)
			{
				if (data == '不能启用') {
					// 没有修改成功的
					alert('上级禁用状态中,当前不能不能启用');
				}else{

					window.location.reload(); 
				}
				
			});

			//动态改变状态

				

		});
		


	</script>



</block>
